<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>Acme.</title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="./css/public.css" rel="stylesheet" />
		<link rel="stylesheet" href="index.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>
	<body style="background-color: #030314;">
		<div class="app-box" id="app">
			<div class="banner-box bgi flex-c-el">
				
				<!-- <img  src="./assets/banner.png" style="width: 100%;"/> -->
				<div style="width: 100%;height: 24.24rem;" class="flex-c-el">
					<div class="title-txt flex-row-el"
					>
						<div class="flex-auto"></div>
						<div class="flex-auto">
							{{$tt('curr.title')}}
						</div>
						<div class="flex-auto flex-rrow-el flex-align-center">
							<a href="#popover" id="openPopover" class="  " style="color: white;line-height: 2.75rem;">
								<img style="width: 1.2rem; height: 1.2rem;position: relative;top:5px" src="assets/lang.png"/>
								<span style="font-size: 14px;margin-right: 1rem;">{{lang}}</span>
							</a>
							
						</div>
						
					</div>
					<div class="flex-auto flex-rc-el">
						<div class="title2 bgi" style="color: white;font-size: 32px;"> 
						  {{$t('curr.zzz')}}
						</div>
					</div>
				</div>
			</div>
			<div class="cardbox2 bgi">
				<div style="height: 17px;"></div>
				<div class="cb-title">{{$t('curr.aironghe')}}</div>
				<div class="cb-title" style="margin-bottom: 76px;">{{$tt('curr.deqzx')}}</div>
				<div class="cb-title2">{{$t('curr.sms')}}</div>
			</div>
			
			<div class="cardtxt1 bgi flex-rrow-el flex-align-center">
				<div class="cardtxt1-val">
					{{$t('curr.xiaobi1')}}
				</div>
			</div>
			<div class="cardtxt1 cardtxt2 bgi flex-row-el flex-align-center">
				<div class="cardtxt2-val">
					{{$t('curr.xiaobi2')}}
				</div>
			</div>
			<div class="cardtxt1 cardtxt3 bgi flex-rrow-el flex-align-center">
				<div class=" cardtxt3-val">
					{{$t('curr.xiaobi3')}}
				</div>
			</div>
			<style>
				
			</style>
			<div class="yuanji bgi">
				<div style="height: 1.75rem;"></div>
				<div class="yj-title">{{$t('curr.xiaobi4')}}</div>
				<div class="yj-tips">
					{{$t('curr.xiaobi5')}}
				</div>
				<div class="yj-end">
					{{$t('curr.xiaobi6')}}
				</div>
			</div>
			<!-- <img  src="./assets/yuanj.png" style="width:21.44rem;"/> -->
			
			<div class="jishu-tag">
				<span>{{$t('curr.xiaobi7')}}</span>
				<span style="font-weight: bold;">{{$t('curr.dalao1')}}</span>
			</div>
			<div class="st-box">
				<div class="st-card bgi">
					<div style="height: 1rem;"></div>
					<div class="st-title">{{$t('curr.dalao2')}}</div>
					<div class="st-tips">{{$t('curr.dalao3')}}</div>
				</div>
				<div class="st-card bgi st-card-right" style="background-image: url(./assets/ccard2.png);">
					<div style="height: 1rem;"></div>
					<div class="st-title">{{$t('curr.dalao4')}}</div>
					<div class="st-tips">{{$t('curr.dalao5')}}</div>
				</div>
				<div class="st-card bgi" style="background-image: url(./assets/ccard3.png);">
					<div style="height: 1rem;"></div>
					<div class="st-title">{{$t('curr.dalao6')}}</div>
					<div class="st-tips">{{$t('curr.dalao7')}}</div>
				</div>
				<div class="st-card bgi st-card-right" style="background-image: url(./assets/ccard4.png);">
					<div style="height: 1rem;"></div>
					<div class="st-title">{{$t('curr.dalao8')}}</div>
					<div class="st-tips">{{$t('curr.dalao9')}}</div>
				</div>
			</div>
			<div style="clear: both;"></div>
			
			<div class="guodu bgi"></div>
			<div class="jishu-tag">
				<span>{{$t('curr.dalao10')}}</span>
				<span style="font-weight: bold;">{{$t('curr.dalao11')}}</span>
			</div>
			<div class="ai-tips">
				{{$t('curr.dalao12')}}
				
			</div>
			<div class="guodu2 bgi">

			</div>
			<div class="gaoshouyi">
				{{$t('curr.dalao13')}}
			</div>
			
			<div class="zichan-box bgi">
				<div style="height: 1.75rem;"></div>
				<div class="zichan-title">{{$t('curr.dalao14')}}</div>
				<div class="zichan-tips">
					{{$t('curr.dalao15')}}
				</div>
			</div>
			<!-- <div class="youshi-box">
				优势：简单易用，适合新手和专业投资者。
			</div> -->
			<div class="web3-box">
				{{$t('curr.dalao16')}}
			</div>
			<p class="web3-tips" v-html="$t('curr.dalao17')">
				
			</p>
			<div class="end-box bgi flex-rc-el">
				<div class="lianxifangshi">{{$t('curr.dalao18')}}:acmeccy@gmail.com</div>
				<div class="lianxifangshi-t">{{$t('curr.dalao19')}}</div>
			</div>
			<div style="height: 1.5rem;"></div>
			<div class="lianxifangshi-t" style="margin-bottom: 1rem;">{{$t('curr.dalao20')}}</div>
			<div class="shejiao-list">
				<a href="https://t.me/AcmeNFT">
					<img src="assets/feiji.png" />
				</a>
				<a href="https://www.youtube.com/@Acme_ICO">
					<img src="assets/ytb.png" />
				</a>
				<a href="https://x.com/Acme_ICO">
					<img src="assets/x.png" />
				</a>
				<img src="assets/dsco.png" />
				<img src="assets/face.png" />
				
			</div>
			<div id="popover" class="mui-popover">
			  <ul class="mui-table-view">
			    <li class="mui-table-view-cell"><a href="#" @click="setLang('en')">English</a></li>
			    <li class="mui-table-view-cell"><a href="#" @click="setLang('zh')">简体中文</a></li>
			    <li class="mui-table-view-cell"><a href="#" @click="setLang('korean')">한국어</a></li>
			    <li class="mui-table-view-cell"><a href="#" @click="setLang('jp')">日本語</a></li>
			  </ul>
			</div>
			<div style="height: 3rem;"></div>
		</div>
		
		
	</body>
	<script src="locales/zh.js" type="text/javascript" charset="utf-8"></script>
	<script src="locales/jp.js" type="text/javascript" charset="utf-8"></script>
	<script src="locales/korean.js" type="text/javascript" charset="utf-8"></script>
	<script src="locales/en.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.js"></script>
	<script src="js/language.js"></script>
	<script>
		var app = new Vue({
			el:"#app",
			data:{
				lang:""
			},
			created(){
				let lang = get_curr_lg();
				// if(typeof lang == "undefined"){
				// 	this.lang = "中文简体"
				// }
				if(lang == "korean"){
					this.lang = "한국어";
				}else if(lang == "en"){
					this.lang = "English"
				}else if(lang == "jp"){
					this.lang = "日本語"
				}else if(lang == "zh"){
					this.lang = "中文简体"
				}else{
					this.lang = "中文简体"
				}
				console.log(lang);
			},
			methods:{
				setLang(lang){
					switch_lg(lang);
				},
				$tt(str){
					return $t(str);
				}
			}
		})
	</script>
</html>